<!DOCTYPE html>
<html>
<head>
  <title>箱子管理系统</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="/css/bootstrap.min.css" rel="stylesheet" media="screen">
  <link href="/css/bootstrap-responsive.css" rel="stylesheet" media="screen">
  <link rel="stylesheet" type="text/css" href="/css/style.css">
  <script src="/lib/jq/jquery-2.1.1.min.js"></script>
  <script src="/lib/jq/bootstrap.min.js"></script>
</head>
<body style="margin:15px;">
    <table class="table table-bordered" style="width:98%;margin:15px;">
        <legend>箱子详情</legend>
        <tr>
            <td style="text-align: center;width: 25%"><b>箱子ID</b></td>
            <td style="text-align: center;width: 25%"><b>贴码位置</b></td>
            <td style="text-align: center;width: 25%"><b>格子数量</b></td>
            <td style="text-align: center;width: 25%"><b>箱子布局</b></td>
        </tr>
        <tr>
            <td style="text-align: center;width: 25%"><%=boxdatas[0].box_id%></td>
            <td style="text-align: center;width: 25%"><%=boxdatas[0].code_layout%></td>
            <td style="text-align: center;width: 25%"><%=boxdatas[0].doors_num%></td>
            <td style="text-align: center;width: 25%"><%=boxdatas[0].box_layout%></td>
        </tr>
    </table>
    <p style="text-align: center">箱子布局视图</p>
    <div style="text-align: center;margin-bottom: 15px;">
        <%if(boxdatas[0].box_layout=="一行两列"){%>
        <img src="/images/12.png">
        <%}else if(boxdatas[0].box_layout=="两行一列"){%>
        <img src="/images/21.png">
        <%}else if(boxdatas[0].box_layout=="两行两列"){%>
        <img src="/images/22.png">
        <%}else if(boxdatas[0].box_layout=="一行四列"){%>
        <img src="/images/14.png">
        <%}else if(boxdatas[0].box_layout=="四行一列"){%>
        <img src="/images/41.png">
        <%}else if(boxdatas[0].box_layout=="三行两列"){%>
        <img src="/images/32.jpg">
        <%}else if(boxdatas[0].box_layout=="两行三列"){%>
        <img src="/images/23.png">
        <%}else if(boxdatas[0].box_layout=="两行四列"){%>
        <img src="/images/24.png">
        <%}else if(boxdatas[0].box_layout=="四行两列"){%>
        <img src="/images/42.png">
        <%}else if(boxdatas[0].box_layout=="两行五列"){%>
        <img src="/images/25.png">
        <%}else if(boxdatas[0].box_layout=="五行两列"){%>
        <img src="/images/52.png">
        <%}else if(boxdatas[0].box_layout=="四行三列"){%>
        <img src="/images/43.jpg">
        <%}else if(boxdatas[0].box_layout=="三行四列"){%>
        <img src="/images/34.png">
        <%}%>
    </div>
    <table class="table table-bordered" style="width:98%;margin:15px;">
        <legend>Sim卡详情</legend>
        <tr>
            <td style="text-align: center;width: 25%"><b>Sim卡号</b></td>
            <td style="text-align: center;width: 25%"><b>运营商</b></td>
            <td style="text-align: center;width: 25%"><b>资费</b></td>
            <td style="text-align: center;width: 25%"><b>打印次数</b></td>
        </tr>
        <tr>
            <td style="text-align: center;width: 25%"><%=simdatas.sim%></td>
            <td style="text-align: center;width: 25%"><%=simdatas.operators%></td>
            <td style="text-align: center;width: 25%"><%=simdatas.charge%></td>
            <td style="text-align: center;width: 25%"><%=simdatas.state%></td>
        </tr>
    </table>

        <legend>购买人详情</legend>

            <%if(buyerdatas==0){%>
            <%}else{%>
    <table class="table table-bordered" style="width:98%;margin:15px;">
        <tr>
            <td style="text-align: center;width: 30%"><b>购买人姓名</b></td>
            <td style="text-align: center;width: 30%"><b>联系电话</b></td>
            <td style="text-align: center;width: 30%"><b>所属公司</b></td>
        </tr>
        <tr>
            <td style="text-align: center;width: 30%"><%=buyerdatas.buyer%></td>
            <td style="text-align: center;width: 30%"><%=buyerdatas.phoneNumber%></td>
            <td style="text-align: center;width: 30%"><%=buyerdatas.company%></td>
        </tr>
            <%}%>

    </table>
</body>
</html>